import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default {
  state: {

    editableTabsValue: 'Index',
    editableTabs: [{  // 默认展示首页
      title: '首页',
      name: 'Index',
    }]
  },
  // 事件回调
  mutations: {
    // 添加标签页,当点击导航栏的时候进行标签导航的添加
    addTab(state, tab) {
      console.log('tab');
      console.log(tab);
      let index = state.editableTabs.findIndex(e => e.name === tab.name)

      if (index === -1) {
        state.editableTabs.push({
          title: tab.title,
          name: tab.name,
        });
      }
      state.editableTabsValue = tab.name;

    },

    // 重置。。
    resetState: (state) => {
      state.editableTabsValue = 'Index'
      state.editableTabs = [{
        title: '首页',
        name: 'Index',
      }]
    }
  },

  // 异步的mutations，并非直接变更状态。
  actions: {},

}
